<%@page contentType="content-type: application/x-javascript" pageEncoding="UTF-8" %>
<%@taglib prefix="s" uri="/struts-tags" %>

google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);

function drawChart() {
	var data = new google.visualization.DataTable();
	data.addColumn('string', '<s:text name="estadisticas.graficos.numero_partidos"/>');
	data.addColumn('number', '<s:text name="estadisticas.graficos.numero_equipos"/>');
	data.addRows([
	<s:iterator value="datos" status="fila">
		['${cadena}', ${numero}],
	</s:iterator>
	]);
	var options = {'title':'<s:text name="estadisticas.partidos_jugados_equipos.titulo_grafico"/>','width':'100%','height':'300'};
	var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
	chart.draw(data, options);
}




var FORMULARIO = {
	
	inicio : function() {
		var formulario = $('#formulario form');
		formulario.reset();
		var desde = $('#desde');
		var hasta = $('#hasta');
		desde.datepicker({ dateFormat: 'dd/mm/yy', prevText: '<s:text name="comun.paginacion.anterior.text"/>', nextText: '<s:text name="comun.paginacion.siguiente.text"/>', constrainInput: true, showButtonPanel: true, closeText: ' ' });
		hasta.datepicker({ dateFormat: 'dd/mm/yy', prevText: '<s:text name="comun.paginacion.anterior.text"/>', nextText: '<s:text name="comun.paginacion.siguiente.text"/>', constrainInput: true, showButtonPanel: true, closeText: ' ' });
		formulario.find('button.calendario').click(function() {
			$(this).prev().find('input').datepicker('show');
		});
		desde.change(function() {
			hasta.datepicker('option','minDate',$(this).val());
		});
		hasta.change(function() {
			desde.datepicker('option','maxDate',$(this).val());
		});
	}
	
}




$(document).ready(function() {
	FORMULARIO.inicio();
});